import React from 'react';
import styled from 'styled-components';
const Pageheader = (props) => {
    return (
        <Pagehead>
            <h2>{props.title}</h2>
            {/* 插槽 */}
            {props.children}
        </Pagehead>
    );
}
// 使用css in js技术进行样式修改
const Pagehead = styled.div`
   width: 100%;
   height: 74px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   border:1px solid rgb(235, 237, 240);
   padding: 0 20px ;
`

export default Pageheader;
